<template>
	<div class="content">
		<div class="filter">
			<el-form class="form" :model="form" label-width="120px" size="mini" :inline="true"> 
				<el-row :span="24">
					<el-col :span="8">
						<el-form-item label="客户号：">
							<el-input v-model="form.customerNo" style="width: 200px"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-form-item label="客户姓名：">
							<el-input v-model="form.customerName" style="width: 200px"></el-input>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-form-item label="证件号码：">
							<el-input v-model="form.customerId" style="width: 200px"></el-input>
						</el-form-item>
					</el-col>
				</el-row>
				<el-row :span="24">
					<el-col :span="8">
						<el-form-item label="任务类型：">
							<el-select v-model="form.customerType" placeholder="请选择活动区域" style="width: 200px">
								<el-option label="区域一" value="shanghai"></el-option>
								<el-option label="区域二" value="beijing"></el-option>
							</el-select>
						</el-form-item>
					</el-col>
					<el-col :span="8">
						<el-button size="mini">查询</el-button>
						<el-button size="mini">重置</el-button>
					</el-col>
				</el-row>
			</el-form>
		</div>
		<div class="tableContent">
			<el-button size="mini" style="float: left;margin-bottom: 5px">处理</el-button>
			<el-table :data="tableData" border style="width: 100%">
				<el-table-column prop="no" label="NO." width="180">
				</el-table-column>
				<el-table-column prop="applyNo" label="申请编号" width="180">
				</el-table-column>
				<el-table-column prop="type" label="任务类型" width="180">
				</el-table-column>
				<el-table-column prop="customerNo" label="客户编号" width="180">
				</el-table-column>
				<el-table-column prop="customerName" label="客户名" width="180">
				</el-table-column>
				<el-table-column prop="time" label="发起时间" width="180">
				</el-table-column>
				<el-table-column prop="address" label="地址">
				</el-table-column>
			</el-table>
		</div>
	</div>
</template>

<script type="text/javascript">
export default{
	name:'',
	components:{},
	data(){
		return{
			form:{name:'',region:''},
			tableData:[]
		}
	},
	methods:{

	},
	mounted(){

	}
}
</script>

<style lang="scss" scoped>
.filter{
	border:1px solid #D8DCE5;
	height: 80px;
	border-radius:5px;
	margin: 10px 10px 10px 10px;
	padding-bottom: 10px;
	padding-top: 10px
}

.tableContent{
	border:1px solid #D8DCE5;
	height: 80px;
	border-radius:5px;
	margin: 10px 10px 0px 10px;
	height: 420px;
	padding:5px 5px 0 5px
}

</style>